{{--首页--}}
@extends('base')
@section('style')
    <style>
        .prod li {cursor: hand;}
    </style>
@stop
@section('content')
    <div class="banner mt80">
        <div class="b-img">
            <a href="#"
               style="background:url(img/banner1.jpg) center no-repeat; background-size: 100% 100%; position: relative;">
                <div class="slide_info slide_info1">
                    <h5>浙江快工网络科技有限公司</h5>
                    <h2>一家互联网和实体店结合的公司</h2>
                    <h3>一个把经营理念和整体服务综合提升发展的全新行动</h3>
                </div>
            </a>
            <a href="#"
               style="background:url(img/banner.jpg) center no-repeat;background-size: 100% 100%;position: relative;">
                <div class="slide_info slide_info2">
                    <h2>环环相扣<span class="red">真正做到</span>资源互补</h2>
                    <h5>为租售房屋，汽车转让租赁，闲置设备和办公用品提供了交易平台 </h5>
                    <!--<h3>一个把经营理念和整体服务综合提升发展的全新行动</h3>-->
                </div>
            </a>
            <a href="#"
               style="background:url('img/banner2.jpg') center no-repeat;background-size: 100% 100%;position: relative;">
                <div class="slide_info slide_info3">
                    <h5>浙江快工网络科技有限公司</h5>
                    <h2>针对用工方与工人搭建的快捷互通平台</h2>
                    <!--<h3>一个把经营理念和整体服务综合提升发展的全新行动</h3>-->
                </div>
            </a>
            <a href="#"
               style="background:url('img/banner3.jpg') center no-repeat;background-size: 100% 100%;position: relative;">
                <div class="slide_info">
                    <!--<h5>浙江快工网络科技有限公司</h5>-->
                    <h2>衣食住行 ，吃喝玩乐</h2>
                    <h3>为您打造一个省力又省时的快捷平台</h3>
                </div>
            </a>
        </div>
        <div class="b-list"></div>
        <a class="bar-left" href="#"><em></em></a>
        <a class="bar-right" href="#">
            <em></em>
        </a>
    </div>
    <div class="container" style="display: block; clear: both;">
        <div class="section">
            <h1 class="maintitle">快人一步<span>臣就未来<br/></span></h1>
            <div class="series mb10">
                <div class="swiper-container" style="width: 90%;float: left">
                    <ul id="product_nav" class="prod tab-wraped swiper-wrapper">
                        @foreach($index_products as $key=>$index_product)
                            <li class="swiper-slide">
                                <a data-page="{{$key}}" href="javascript:;" data-toggle="tab" {{'house'==$key?'class="on_hover"':''}} >{{$index_product['name']}}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <div class="more"><a id="morecontent" href="javascript:void(0);">&gt;&gt;</a></div>
                <div class="clear"></div>
            </div>
            <div class="tab-content">
                @foreach($index_products as $key=>$index_product)
                    <div id="{{$key}}" class="tab-pane" style="display:{{'house' == $key ? 'block':'none'}}">
                        <ul>
                            @foreach($index_product['data'] as $key=>$content)
                                <li class="listbox mr20">
                                    <div class="listimg">
                                        <a href="{{url('house/detail/'.$content->jobid)}}">
                                            <img src='{{$content->imgurl}}'
                                                 onerror="this.src='{{url("/img/demo/featured.png")}}'"
                                                 class="attachment-thumbnail wp-post-image"/>
                                        </a>
                                        <div class="summary">
                                            <div class="summarytxt">
                                                <p>{{$content->name . ' ' . $content->discount . $content->discountunit}}</p>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endforeach
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="container_1">
        <div class="section">
            <h1 class="maintitle">产品介绍<span>Product introduction<br/><p>公司致力于快工、快租售、快婚、快商四大产品的推广</p></span></h1>
            <div class="craft swiper_container_infor" style="position:relative;overflow: hidden;">
                <ul class="txte swiper-wrapper" style="position:relative;">
                    @foreach($nav_list as $key=>$item)
                        <li class="swiper-slide">
                            <div class="picture">
                                <a href="#"><img src="img/craft.png"/></a>
                            </div>
                            <h2>{{$item['name']}}</h2>
                            <p>
                                {{isset($item['content']) ? $item['content'] : "公司致力于快工、快租售、快婚、快商四大产品的推广"}}
                            <a href="{{url($jump[$key] . '/index/' . $key)}}" class="more_cp">查看更多>></a>
                        </li>
                    @endforeach
                </ul>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="home_partner">
        <h1 class="partner-txt">友情链接<span>Friendship link<br/><p>携手共进 和谐双赢 规范运作 精益求精</p></span></h1>
        <div class="home_partner_list wrap" style="opacity: 1;">
            <table>
                <tbody>
                <tr>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="pic partner_box">
                            <div class="cont1">
                                <a href="#" target="_blank"><img src="img/lianjie1.png" width="150" height="100"
                                                                 alt="浙江快工网络科技有限公司"></a>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
@stop
@section("css")
    <link rel="stylesheet" href="{{asset('/css/swiper.min.css')}}">
@stop
@section("js")
    <script src="/js/swiper.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        //鼠标放在图片上显示文字
        $(document).ready(function () {
            $('.listimg').hover(function () {
                $(".summary", this).stop().animate({top: '217px'}, {queue: false, duration: 257});
            }, function () {
                $(".summary", this).stop().animate({top: '257px'}, {queue: false, duration: 257});
            });
        });
        $(function () {
            //切换标签
            $('#product_nav').find('li a').click(function () {
                var _this = '#' + $(this).data('page');
                var _dis = '#' + $('.on_hover').data('page');
                $(_dis).slideUp(300);
                $('.on_hover').removeClass('on_hover');
                $(this).addClass('on_hover');
                $(_this).slideDown(500);
            })

            //标签左右滚动
            var mySwipertab = new Swiper('.swiper-container', {
                slidesPerView: 5,
                paginationClickable: true,
                spaceBetween: 0,
                freeMode: true,
                loop: true,
                spaceBetween: 5
            })

            $("#morecontent").on("click", function () {
                mySwipertab.slideNext();
            });
            var mySwiperInfor = new Swiper('.swiper_container_infor', {
//                width:'23%',
                prevButton: '.swiper-button-prev',
                nextButton: '.swiper-button-next',
                slidesPerView: 4,
                paginationClickable: true,
                spaceBetween: 0,
                freeMode: true,
                spaceBetween: 15
            });
        });
    </script>
@stop